<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="../css/eui.css">
    <!-- import JavaScript -->
    <script type="text/javascript" src="../js/vue.js"></script>
    <script src="../js/eui.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/dayjs.min.js"></script>
</head>
<body>
<div id="root">
    <div>你好，{{ name }}</div>
    <div v-text="name">你好，</div>
    <div>{{ str }}</div>
    <div v-text="str">你好，</div>
</div>
</body>
<script type="text/javascript">
    /*
    v-text:
        1.作用：向其所在的节点中渲染文本内容
        2.与插值语法的区别：v-text会替换掉节点中的内容，而{{xx}}则不会。
     */
    let vm = new Vue({
        el:'#root',
        data:{
            name: '尚硅谷',
            str:'<h3>你好啊！</h3>'
        }
    })
</script>
</html>